import React from 'react'
import { Outlet, useNavigate } from 'react-router-dom'
import { Carousel } from 'antd';
import "../scss/banner.scss"
type Props = {}

const Banner = (props: Props) => {
    const contentStyle: React.CSSProperties = {
        height: '100%',
        color: '#fff',
        lineHeight: '160px',
        textAlign: 'center',
        background: '#364d79',
    };
    return (
        <div>
            <div className="banner">
                {/* <Carousel autoplay className='carousel' >
                        <div className='banner1'>
                            <img  className='imgss' src="https://img2.woyaogexing.com/2022/08/23/38c0e3f624aca723!400x400.jpg" alt="" />
                        </div>
                        <div className='banner2'>
                            <img className='imgss'  src="https://img2.woyaogexing.com/2022/08/23/fb7a82677029b043!400x400.jpg" alt="" />
                        </div>
                        <div className='banner3'>
                            <img className='imgss' src="https://img2.woyaogexing.com/2022/08/02/b3b98b98ec34fb3b.jpg" alt="" />
                        </div>
                    </Carousel> */}
                <Carousel autoplay className='Carousel'>
                    <div className='banner1'>
                        <img src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c73dd8e449a241e688121cd8aec609c6~tplv-k3u1fbpfcp-zoom-crop-mark:3024:3024:3024:1702.awebp?" alt="" />

                        <div className="text" >
                            <h3 >
                                <p>vitepress 中文文档</p>
                                <p>4天前.1600阅读</p>
                            </h3>
                        </div>
                    </div>
                    <div className='banner2'>
                        <img src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5e615baa464d46908bde8dbbcf33b367~tplv-k3u1fbpfcp-zoom-crop-mark:3024:3024:3024:1702.awebp?" alt="" />
                        <div className="text">
                            <h3>
                                <p>react指北: 你真的会用hooks吗-中篇 </p>
                                <p>两天前.359阅读</p>
                            </h3>
                        </div>
                    </div>
               
                </Carousel>
            </div>
        </div>
    )
}

export default Banner